html, body, #container { font-family: "Segoe UI" , "Meiryo UI" , "Malgun Gothic" , sans-serif; color: #bbb; background-color: #333; }
a:link, a:visited { color: #99bbff; }
a:hover { color: #bbddff; }
#content { scrollbar-base-color: #333; scrollbar-arrow-color: #666; scrollbar-3dlight-color: #333; scrollbar-darkshadow-color: #333; scrollbar-face-color: #444; scrollbar-highlight-color: #333; scrollbar-shadow-color: #333; scrollbar-track-color: #323232; }
#content.small_font { font-size: 8pt; }

.tweet { border: solid 1px #333; padding: 0 2px; border-top: 1px solid #444; border-bottom: 1px solid #222; }

.tweet .pic { margin-top: 18px; }
.tweet .screenname { }
.tweet .screenname:first-child { font-size: 10pt; display: block; margin-left: -47px; height: 15px; padding: 2px; }
.tweet .retweet { display: none; }
.tweet .retweet + .screenname { font-size: 10pt; display: block; margin-left: -47px; height: 15px; padding: 2px 2px 2px 17px; background: url('../images/retweet.png') 1px center no-repeat; }
.tweet .msg { display: none; }
.tweet .msg + .screenname { font-size: 10pt; display: block; margin-left: -47px; height: 15px; padding: 2px 2px 2px 17px; background: url('../images/message.png') 1px center no-repeat; }
.tweet .tweet_text { font-size: 8pt; line-height: 11pt; padding: 0 2px; }
.divider { border-top: solid 1px #222; border-bottom: solid 1px #444; }
.atname { color: #99bbff; }
.tweet_info { color: #aaa; font-size: 7.5pt; }
.tweet_info .unread { color: orange; margin-left: 3px; }
.tweet_info .read { color: #333; margin-left: 3px; }
.screenname, .hashtag, .inreplyto, #more { color: #99bbff; }

#panel { background-color: #444; border: solid 1px #000; }
#footer { color: #99bbff; }

.screenname:hover, .hashtag:hover, .inreplyto:hover, #footer:hover, #more:hover { color: #bbddff; }
#edit { background-color: #444; border: solid 1px #2a2a2a; }
#edit textarea { background-color: #555; color: #eee; }
#shorten, #cancel, #send, #search_button { color: #99bbff; }
#shorten:hover, #cancel:hover, #send:hover, #search_button:hover { color: #bbddff; }
#tip, #ask { background: #ddd; color: #000; border: #ddd ridge 2px; }
#status { background-color: #ddd; color: #222; }

.mention { background-color: #2e3c2e; border: solid 1px #333; }
.message { background-color: #334; border: solid 1px #334; }
.selected_tweet { border: solid 1px #333; background: #3a3a3a; }
.mention.selected_tweet { background: #3b4a3b; }
.message.selected_tweet { background: #3d3d4f; }

#errorText { color: #f00; }

.counter_ok { color: #fff; }
.counter_near { color: #ff0; }
.counter_over { color: #f33; }

#container { border-color: #000; }
#tabs_divider { border-top: solid 1px #222; border-bottom: solid 1px #444; }
#tabs img { opacity: 0.4; filter: alpha(opacity=40); cursor: pointer; }
#tabs img:hover { opacity: 1.0; filter: alpha(opacity=100); }
#tabs img.active { opacity: 1.0; filter: alpha(opacity=100); }

#container.docked .tweet .screenname:first-child,
#container.docked .tweet .retweet + .screenname,
#container.docked .tweet .msg + .screenname { display: inline;  margin-left: -30px; margin-right: 100px; }
#container.docked img.pic { width: 23px; height: 23px; }
